<template>
  <div class="home">
    <div class="nav">
      <router-link to="/home" active-class="home">home</router-link>
      <router-link to="/about" active-class="about">about</router-link>
      <router-link to="/user" active-class="user">用户</router-link>
      <router-link to="/order" active-class="order">订单</router-link>
      <!-- <button @click="changeRouter">跳转</button> -->
    </div>
    <router-view></router-view>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
// const router=useRouter();
// //  const changeRouter=()=>{
// //   // router.replace('/order')
// //   // router.push('/order')
// //   router.push({
// //     path:'/order',
// //     query:{
// //       name:"why",
// //       age:18
// //     }
// //   })
// //  }

</script>
<style scoped></style>
